@import "../../../style/common.scss";
.transfer-XHB-out {
	width: 100%;
	height: 100%;

	.font-grey {
		color: #a8a8a8;
	}
	.money {
		background-color: #fff;
		height: 1.68rem;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		//justify-content: center;
		align-items: center;
		.bank_logo {
			width: 0.86rem;
			height: 0.86rem;
			border-radius: 0.41rem;
			margin-left: 0.25rem;
			margin-right: 0.2rem;
			float: left;
			background: url(../../../images/icon/icon-bao.png) left center no-repeat;
			background-size: 100%;
		}
		.con {
			display: flex;
			flex-direction: column;
			justify-content: center;

			.title {
				width: 100%;
				height: 0.48rem;
				font-size: 0.34rem;
				font-weight: 500;
				color: rgba(85, 85, 85, 1);
				line-height: 0.48rem;
			}
			.content {
				width: 100%;
				height: 0.36rem;
				font-size: 0.26rem;
				font-weight: 400;
				color: rgba(168, 168, 168, 1);
				line-height: 0.36rem;
				margin-top: 0.2rem;
			}
		}
	}

	.lookreaction {
		font-size: 0.28rem;
		color: grey;
		padding-right: 0.28rem;
	}
	.bank_inp {
		width: 100%;
		height: 1.7rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 0.24rem;
		.title {
			width: 100%;
			height: 1rem;
			font-size: 0.3rem;
			font-weight: 500;
			color: #555555;
			line-height: 1rem;
			margin-top: 0.2rem;
			padding-left: 0.48rem;
			background-color: #fff;
		}

		.bank_inp_con {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			.b_left {
				width: 100%;
				.am-list-item .am-input-control .fake-input-container .fake-input {
					font-size: 0.6rem;
				}
				.am-list-item {
					width: 100%;
					position: relative;
					.am-input-control {
						flex: none !important;
						.fake-input-container {
							width: 4rem;
							margin-left: 0.2rem;
							.fake-input-placeholder {
								font-size: 0.28rem;
							}
						}
					}
					.am-input-label-5 {
						font-size: 0.6rem;
						width: auto !important;
						font-family: PingFangSC-Medium;
						font-weight: 500;
						color: rgba(66, 66, 66, 1);
					}
					.am-input-extra {
						position: absolute;
						right: 0.7rem;
						overflow: visible;
						.redeem-all {
							font-size: 0.3rem;
							&.redeem-able {
								color: #40b15d;
							}
							&.redeem-disable {
								opacity: 0.5;
							}
						}
						.redeem-all-un-show {
							display: none;
						}
					}
				}
			}
		}

		.position-input-item {
			font-size: 0.8rem;
			width: 100%;
			font-weight: 500;

			.fake-input-placeholder {
				font-size: 0.3rem;
				color: #cccccc;
			}
		}
	}
	.tipMessage {
		font-size: 0.24rem;
		padding: 0.2rem 0 0.3rem 0.3rem;
		background-color: #ffffff;
	}

	.p_list {
		width: 100%;
		height: 0.78rem;
		background-color: #fff;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-left: 0.28rem;
		box-sizing: border-box;
		border-top: 1px solid #e3e3e3;

		.p_cell {
			height: 1rem;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-right: 0.4rem;
			color: #a8a8a8;
			.colorLight {
				color: #d8433b;
			}
		}
	}

	.bottom-tips {
		width: 100%;
		height: auto;
		font-size: 0.24rem;
		font-weight: 400;
		color: rgba(157, 157, 157, 1);
		line-height: 0.34rem;
		padding: 0.45rem 0.22rem 0 0.22rem;
		box-sizing: border-box;
		position: relative;
		.right-look-ex {
			top: 0.5rem;
			right: 0.2rem;
			position: absolute;
			height: 0.34rem;
			font-size: 0.24rem;
			font-weight: 400;
			color: rgba(64, 177, 93, 1);
			line-height: 0.34rem;
			text-decoration: underline;
		}
		&.b-list {
			ul {
				margin-top: 0.1rem;
				li {
					font-size: 0.25rem;
					display: flex;
					justify-content: space-between;
					line-height: 0.52rem;
					span {
						&:last-child {
							color: #a8a8a8;
						}
						&:first-child {
							color: #424242;
						}
					}
				}
			}
		}
	}
	.p_butt {
		padding: 0.3rem;
		margin-top: 0.16rem;
		.redeem-btn {
			font-size: 0.36rem;
			font-weight: 400;
			height: 0.8rem;
			color: #ffffff;
			line-height: 0.8rem;
			text-align: center;
			border-radius: 0.4rem;
			&.btn-disable {
				background: #cbcbcb;
			}
			&.btn-able {
				background: #40b15d;
			}
		}
	}
}
.transfer-xhb-out-modal {
	.div-far {
		width: 100%;
		height: 6rem;
		background-color: #f8f8f8;

		.line-1 {
			width: 100%;
			height: 1.18rem;
			position: relative;
			.title {
				width: 100%;
				height: 1.18rem;
				font-size: 0.36rem;
				font-weight: 500;
				color: #2b2f33;
				line-height: 1.18rem;
			}
			.close-img {
				position: absolute;
				width: 0.38rem;
				height: 0.38rem;
				right: 0.4rem;
				top: 0.44rem;
			}
		}
		.line-1:after {
			content: "";
			position: absolute;
			background-color: #ddd;
			display: block;
			z-index: 1;
			top: auto;
			right: auto;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
		}

		.line-2 {
			width: 7rem;
			//height:0.84rem;
			font-size: 0.28rem;
			font-weight: 400;
			color: #2b2f33;
			line-height: 0.4rem;
			text-align: left;
			padding-left: 0.3rem;
			margin-top: 0.16rem;
		}
	}
}
